<template>
    <div id="dd">
            <div class="cent">
                <div>
                    <br>
                    <h2>
                        会员编号: {{tuser.tid}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                <div>
                    <br>
                    <h2>
                        用户名: {{tuser.username}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                <div>
                    <br>
                    <h2>
                        性别: {{tuser.gender}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                <div>
                    <br>
                    <h2>
                        电话: {{tuser.telephone}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                <div>
                    <br>
                    <h2>
                        邮箱: {{tuser.email}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                 <div>
                    <br>
                    <h2>
                        真名: {{tuser.fullname}} 
                    </h2>
                </div>
                <el-divider></el-divider>
                  <div>
                    <br>
                    <h2>
                        生日: {{tuser.birthday}} 
                    </h2>
                </div>
                <el-divider></el-divider>
            </div>
    </div>
</template>
<script>
export default {

    data(){
        return{
            user:{
            
        },
            tuser:{
                id:"",
                tid:"",
                username:"",
                telephone:"",
                password:"",
                gender:"",
                fullname:"",
                email:"",
                birthday:""
            }
        }
        
    },
    setup() {
        
    },
    created(){
         this.$store.commit("getTusers");
         this.tuser.id=sessionStorage.getItem("id");
         this.tuser.tid=sessionStorage.getItem("tid");
         this.tuser.username=sessionStorage.getItem("username");
         this.tuser.telephone=sessionStorage.getItem("telephone");
         this.tuser.password=sessionStorage.getItem("password");
         this.tuser.gender=sessionStorage.getItem("gender");
         this.tuser.fullname=sessionStorage.getItem("fullname");
         this.tuser.email=sessionStorage.getItem("email");
         this.tuser.birthday=sessionStorage.getItem("birthday");
    }
}
</script>
<style scoped>
    .cent{
        position: absolute;
        top: 100px;
        bottom: 100px;
        left: 0;
        right: 0;
        margin: auto;
        border: 1px black solid;
        width:80%;
        height: 85%;
    }

</style>